<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
  <title>产品展示</title>
</head>
<link rel="stylesheet" href="__PUBLIC__/css/amazeui.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/app.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/swiper.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/animate.min.css"/>

<script src="__PUBLIC__/js/jquery.min.js"></script>
<script src="__PUBLIC__/js/swiper.js"></script>
<script src="__PUBLIC__/js/wow.min.js"></script>
<script src="__PUBLIC__/js/axios.min.js"></script>


<style type="text/css">
.clear-margin-padding {
	margin: 0;
	padding: 0;
}
</style>
<style type="text/css">

.text-line {
  border-top: 1px solid #909090; 
  width: 50px; 
  display: inline-block; 
  vertical-align: 5px;
}

.advantage-div {
  margin-top: 75px;
}

.sub-title-div {
  text-align: center;
}

.sub-title-text {
  font-size: 20px;
  color: #00A0EA;
}

.sub-title-text-eng {
  font-size: 18px;
  color: #909090;
}

.advantage-details {
  margin-top: 50px;
}

.advantage-ceil {
  padding: 0 50px;
}

.advantage-ceil-title {
  font-size: 20px;
  font-weight: 20;
}

.advantage-ceil-text {
  font-size: 14px;
  margin-top: 20px;
  line-height: 28px;
  color: #707070;
}


.advantage-ceil-img {
  width: 100%;
  margin-top: 20px;
}

.about-us {
  margin-top: 50px;
}

.about-us-content {
  width: 70%;
  padding: 0;
  margin: 30px auto;
}

.content-div {
  font-size: 14px;
  color: #707070;
  padding: 30px 0;
}

.product-div {
  margin-top: 50px;
}

.content-div {
  width: 64%;
  margin: 0 auto;
}

.product-title {
  font-size: 23px;
  font-weight: 70;
  color: #000000;
}

.updatetime {
  font-size: 14px;
  color: #ADADAD;
  margin-top: 15px;
}

.grid-reset {
  margin: 0;
  padding: 0;
}

</style>
<body>


<style type="text/css">
  
.tel-num-div {
  margin-left: 10px;
}

.header-div {
  height: 100px;
}

.tel-num-font-style {
  font-size: 24px;
  font-weight: bold;
}


.nav-panel {
  height: 50px;
  background-color: #009FE9;
}

.nav-bar-panel {
  height: 100%;
}

.nav-bar {
  height: 100%;
}

.nav-bar>li {
  height: 100%;
}

.nav-bar>li>a {
  height: 100%;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

</style>

<div id="header">
  <div class="am-g">
      <div class="am-u-md-2 header-div">&nbsp;</div>
      <div class="am-u-md-6 header-div vertical-mid title-font-style">
        <?php echo ($webconfig['webname']); ?>
      </div>
      <div class="am-u-md-4 header-div vertical-mid">
        <div class="inline-div">
          <img class="inline-div" src="__PUBLIC__/img/tel.png">
        </div>
        <div class="inline-div tel-num-div">
          <div>服务热线：</div>
          <div class="tel-num-font-style" style="margin-top: -10px"><?php echo ($webconfig['tel_zx1']); ?></div>
        </div>
      </div>
  </div>

  <div class="am-g nav-panel">
    <div class="am-u-md-2">&nbsp;</div>
    <div class="am-u-md-10 nav-bar-panel">
      <ul class="nav-bar am-nav am-nav-pills">
        <li class="<?php if($activeArr['indexActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/index');?>">首页</a></li>
        <li class="<?php if($activeArr['aboutUsActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/about');?>">关于我们</a></li>
        <li class="<?php if($activeArr['productActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/product');?>">产品展示</a></li>
        <li class="<?php if($activeArr['newsActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/news');?>">新闻资讯</a></li>
        <li class="<?php if($activeArr['telUsActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/telus');?>">联系我们</a></li>
      </ul>
    </div>
  </div>
</div>




<div id="content">

<div style="width: 100%; height: 580px; background-image: url('<?php echo ($banner); ?>'); background-repeat: no-repeat; background-size: 100% 100%;">
</div>

<div class="content-div">

  <div class="product-title"><?php echo ($product['title']); ?></div>
  <div class="updatetime">发表时间：<?php echo ($product['updatetime']); ?></div>
  <hr data-am-widget="divider" style="border-color: #F0EFEF" class="am-divider am-divider-default" />
  <div><?php echo ($product['content']); ?></div>
  <hr data-am-widget="divider" style="border-color: #F0EFEF" class="am-divider am-divider-default" />

  <div class="am-g">
    <div class="am-u-md-6 am-u-lg-6 grid-reset">
      <?php
 if ($product['lastPro']) { ?>
        <div>
          <a href="<?php echo U('Index/productPage?id='.$product['lastPro']['id']);?>">
            上一篇：<?php echo ($product['lastPro']['title']); ?>
          </a>
        </div>
      <?php
 } ?>
    </div>
    <div class="am-u-md-6 am-u-lg-6 grid-reset">
      <?php
 if ($product['nextPro']) { ?>
        <div style="float: right;">
          <a href="<?php echo U('Index/productPage?id='.$product['nextPro']['id']);?>">
            下一篇：<?php echo ($product['nextPro']['title']); ?>
          </a>
        </div>
      <?php
 } ?>
    </div>
  </div>

</div>

  
</div>

<div id="footer">
<div class="footer-div">
  <div class="am-g">
    <div class="am-u-md-2">&nbsp;</div>
    <div class="am-u-md-5">
      <div class="title-font-style">
        <?php echo ($webconfig['webname']); ?>
      </div>
      <div style="font-size: 17px; font-weight: 20; color: #FFFFFF; margin-top: 35px;">
        全国客服服务热线
      </div>
      <div style="font-size: 30px; font-weight: bold; color: #FFFFFF; margin-top: 10px;">
        <?php echo ($webconfig['tel_zx1']); ?>
      </div>
    </div>
    <div class="am-u-md-5" style="padding-top: 25px;">
      <div style="font-size: 20px; font-weight: 20; color: #FFFFFF">
        联系我们
      </div>
      <div class="footer-text-style" style="margin-top: 25px;">
        联系电话：<?php echo ($webconfig['tel_zx1']); ?>
      </div>
      <div class="footer-text-style">
        联系邮箱：<?php echo ($webconfig['webemail']); ?>
      </div>
      <div class="footer-text-style">
        联系地址：<?php echo ($webconfig['address_1']); ?>
      </div>
      
    </div>
  </div>
</div>
<div class="footer-bar">
  <div class="footer-bar-text-style">
    ©2018 <?php echo ($webconfig['webname']); ?>—Leil版权所有
  </div>
  <div class="footer-bar-text-style">
    本站由Leil提供技术支持
  </div>
</div>
</div>
</body>

<script type="text/javascript">

new WOW().init()

</script>
</html>